<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>UI界面组件封装说明</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../js/bootstarp/css/bootstrap.min.css"
	type="text/css"></link>
<link rel="stylesheet"
	href="../js/bootstarp/css/bootstrap-theme.min.css" type="text/css"></link>
<link rel="stylesheet" href="css/sb-admin2.css" type="text/css"></link>
<link rel="stylesheet" href="css/patch.css" type="text/css"></link>
<link rel="stylesheet" href="css/docs.min.css" type="text/css"></link>
<!--[if lt IE 9]>
			<script type="text/javascript" src="js/ie8-responsive-file-warning.js"></script>
		<![endif]-->
<script type="text/javascript" src="js/ie-emulation-modes-warning.js"></script>
<!--[if lt IE 9]>
		  <script type="text/javascript" src="js/html5shiv.min.js"></script>
		  <script type="text/javascript" src="js/respond.min.js"></script>
		<![endif]-->
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/bootstarp/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/ie10-viewport-bug-workaround.js"></script>
<link rel="stylesheet" href="../js/bootstarp-table/bootstrap-table.css">
<script type="text/javascript"
	src="../js/bootstarp-table/bootstrap-table.js"></script>
<script type="text/javascript"
	src="../js/bootstarp-table/extensions/export/bootstrap-table-export.js"></script>
<!-- <script type="text/javascript" src="../js/bootstarp-table/extensions/filter/bootstrap-table-filter.js"></script> -->
<script type="text/javascript"
	src="../js/bootstarp-table/locale/bootstrap-table-zh-CN.js"></script>
	<!-- 过度效果 -->
	<script type="text/javascript" src="../js/bootstarp/js/ext/transition.js"></script>
	<!-- 窗口模态 -->
	<script type="text/javascript" src="../js/bootstarp/js/ext/modal.js"></script>
	<!-- 下拉菜单 -->
	<script type="text/javascript" src="../js/bootstarp/js/ext/dropdown.js"></script>
	<!-- 滚动监听 -->
	<script type="text/javascript" src="../js/bootstarp/js/ext/scrollspy.js"></script>
	<!-- 标签页 -->
	<script type="text/javascript" src="../js/bootstarp/js/ext/tab.js"></script>
	<!-- 工具提示 -->
	<script type="text/javascript" src="../js/bootstarp/js/ext/tooltip.js"></script>
	<!-- 弹出框 -->
	<script type="text/javascript" src="../js/bootstarp/js/ext/popover.js"></script>
	<!-- 警告框 -->
	<script type="text/javascript" src="../js/bootstarp/js/ext/alert.js"></script>
	<!-- 按钮状态 -->
	<script type="text/javascript" src="../js/bootstarp/js/ext/button.js"></script>
	<!-- 收缩 -->
	<script type="text/javascript" src="../js/bootstarp/js/ext/collapse.js"></script>
<script type="text/javascript">
	function showPin()
	{
		$("#left").pin();
	}
	function doClick(url) {
		$("#ifm").attr("src", url);
	}
</script>
<script type="text/javascript" src="js/jquery.pin.js"></script>
</head>

<body>

	<div id="wrapper" class="win">

		<!-- Navigation -->
		<nav class="navbar navbar-default navbar-static-top" role="navigation"
			style="margin-bottom: 0" id="left">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="index.html">API</a>
			</div>

			<div class="navbar-default sidebar" role="navigation">
				<div class="sidebar-nav navbar-collapse">
					<ul class="nav" id="side-menu">
						<li class="sidebar-search"></li>
						<li><a href="index.html"><i class="fa fa-dashboard fa-fw"></i>
								首页</a></li>
						<!-- UI API -->
						<li><a href="#"><i class="fa fa-sitemap fa-fw"></i> UI
								api<span class="fa arrow"></span> </a>
							<ul class="nav nav-second-level">
								<li><a href="#" onclick="doClick('ui/table.html')">@p.table</a>
								</li>
								<li onclick="doClick('ui/column.html')"><a href="#">@p.cloumn</a>
								</li>
								<li><a href="#">Form 元素 <span class="fa arrow"></span>
								</a>
									<ul class="nav nav-third-level">
										<li><a href="#">@p.text</a></li>
										<li><a href="#">@p.button</a></li>
										<li><a href="#">@p.submit</a></li>
										<li><a href="#">@p.reset</a></li>
									</ul></li>
								<li><a href="#">模块化 <span class="fa arrow"></span> </a>
									<ul class="nav nav-third-level">
										<li onclick="doClick('ui/position.html')"><a href="#"
											title="当前位置">@m.position</a></li>
									</ul></li>
							</ul></li>
						<!-- JSON DATA API -->
						<li><a href="#"><i class="fa fa-sitemap fa-fw"></i> Json
								Data api<span class="fa arrow"></span> </a>
							<ul class="nav nav-second-level">
								<li><a href="#">模块1</a></li>
								<li><a href="#">模块2</a></li>
								<li><a href="#">模块3</a></li>
							</ul></li>
					</ul>
				</div>
			</div>
		</nav>

		<div id="page-wrapper">
			<script language="javascript" type="text/javascript">
				function dyniframesize(down) {
					var pTar = null;
					if (document.getElementById) {
						pTar = document.getElementById(down);
					} else {
						eval('pTar = ' + down + ';');
					}
					if (pTar && !window.opera) {
						//begin resizing iframe 
						pTar.style.display = "block"
						if (pTar.contentDocument
								&& pTar.contentDocument.body.offsetHeight) {
							//ns6 syntax 
							pTar.height = pTar.contentDocument.body.offsetHeight + 20;
							pTar.width = pTar.contentDocument.body.scrollWidth + 20;
						} else if (pTar.Document
								&& pTar.Document.body.scrollHeight) {
							//ie5+ syntax 
							pTar.height = pTar.Document.body.scrollHeight;
							pTar.width = pTar.Document.body.scrollWidth;
						}
					}
				}
			</script>
			<iframe src="main.html" frameborder="0" marginheight="0" marginwidth="0" frameborder="0" scrolling="auto" id="ifm" name="ifm"
				onload="javascript:dyniframesize('ifm');" width="100%"> </iframe>
		</div>
</body>

</html>
